<!DOCTYPE html>
<html lang="zh">


<head>
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-WBG5X5B');</script>
  <!-- End Google Tag Manager -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- CSS -->
  <link rel="stylesheet" type="text/css" href="assets/css/reset.css">
  <link rel="stylesheet" type="text/css" href="assets/css/fontawesome.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/rall.main.min.css">
  <link rel="stylesheet" href="assets/css/elementindex.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/rall.responsive.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/icon.css">

  <script>
    // var _hmt = _hmt || [];
    // (function () {
    //   var hm = document.createElement("script");
    //   hm.src = "https://hm.baidu.com/hm.js?b1015b38bba06b4f282d520fd305cf34";
    //   var s = document.getElementsByTagName("script")[0];
    //   s.parentNode.insertBefore(hm, s);
    // })();
  </script>


</head>



<body data-page="scroll">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WBG5X5B" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <!-- HEADER -->
  <header>
    <div class="header">
      <div class="container">
        <div class="flex align-items-c justify-content-sb" style="height: 60px;">
          <div class="header-logo maopc" id="logo_pc">
          </div>
          <div id="serachInput" class="maomodel-search " style="width: 100%;
          padding: 0 1rem;display: none;">
            <div class="maocontent1">
              <div class="rigthBtn" id="serachBox">
                <!-- 搜索框 -->
              </div>
            </div>
          </div>
          <nav id="menuBox" class="header-menu">
            <div class="header-menu-icon">
              <span class="easing"></span>
              <span class="easing"></span>
              <span class="easing"></span>
            </div>
            <div class="header-menu-view">
              <ul class="lg_flex" id="menu">

              </ul>
            </div>
          </nav>
          <div class="header-logo maopc_xl" id="logo_ph">
          </div>
          <div class="search">
            <div><img alt="Rall" id="search-gif" src="../assets/images/search.png"></div>
          </div>

        </div>
      </div>
    </div>
  </header>
  <!-- MAIN -->
  <main>
    <div class="scroll-content " data-page="scroll-content" id="scroll-content">
      <div class="boxNUM" id="boxNUM">


      </div>

      <!-- FOOTER -->
      <footer>
        <section class="maomodel-email mao-mb container">
          <div class="maocontent" id="maocontent666">
            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
            <script>
              hbspt.forms.create({
                region: "na1",
                portalId: "23162827",
                formId: "0d83b6d9-54b4-4b2b-b355-aaead74b2626"
              });


             // // 当页面加载完成后添加事件监听
             // document.addEventListener('DOMContentLoaded', (event) => {
             //   // 为整个文档添加点击事件监听
             //   console.log(window.document.getElementsByClassName('hbspt-form'), "window.document.getElementsByClassName('hs-button')");
//
             //   // 假设页面上有若干个带有"my-class"类的元素
             //   var elements = window.document.getElementsByClassName("hbspt-form");
//
             //   // 遍历所有找到的元素并添加点击事件
             //   for (var i = 0; i < elements.length; i++) {
             //     console.log(elements[i]);
             //     elements[i].addEventListener('click', function () {
             //       alert('元素被点击了！');
             //     });
             //   }
             // });
            </script>
            <!-- <div class="hbspt-form">
              <form id="myForm">
                <div class="hs-richtext hs-main-font-element" id="subscribeH2">

                </div>

                <div class="hs_email hs-email hs-fieldtype-text field hs-form-field">
                  <div class="input" id="subscribeInput">

                  </div>
                </div>

                <div class="hs_submit hs-submit" id="subscribeBtn">
                </div>
              </form>
            </div> -->
          </div>
        </section>
        <div class="container moduleItem">
          <div class="row">
            <div class="col-12 col-lg-4">
              <div class="maomodel-footer-desc" id="txt0">

              </div>
            </div>
            <div class="col-12 col-lg-4 maopc">
              <div class="maomodel-footer-link mao-mt-small">
                <div class="maomodel-footer-link mao-mt-small">
                  <h2 class="mao-small-title mao-mb-small" id="Label5"></h2>
                  <ul id="navBox">

                  </ul>
                </div>
              </div>
            </div>

            <div class="col-12 col-lg-4">
              <div class="maomodel-footer-contact mao-mt-small">
                <h2 class="mao-small-title mao-mb-small" id="Label1"></h2>
                <div id="txt1">
                </div>
                <p>
                  <a target="_blank" class="mao-btn-fang mao-mb-small" id="Label2"></a>
                </p>
                <div class="si-social maomobile" id="linkBox2">

                </div>
              </div>
            </div>

            <div class="col-12">
              <div class="maomodel-footer-info">
                <div class="si-info" id="txt23">
                </div>
                <div class="si-social maopc" id="linkBox">

                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
  </main>

  <div id="cursor" class="">
    <div class="cursor-plus"><i class="fas fa-plus"></i></div>
  </div>




  <!-- JS -->
  <script src="assets/js/jquery-1.12.4.min.js"></script>
  <script src="assets/js/rall.libraries.js"></script>
  <script src="assets/js/rall.main.js"></script>

  <script src="assets/js/vue.min.js"></script>
  <script src="assets/js/vlt-plugins.min.js"></script>
  <script src="assets/js/vlt-helpers.js"></script>
  <script src="assets/js/vlt-controllers.min.js"></script>
  <script src="../assets/js/utils.js"></script>

  <script>
    //获取首页楼层菜单
    $.ajax({
      url: `${URL_}/api/getIndexFloorMenu`, //请求的url地址
      dataType: "json", //返回格式为json
      async: false, //请求是否异步，默认为异步，这也是ajax重要特性
      data: {}, //参数值
      type: "get", //请求方式
      headers: {
        'Authorization': Authorization
      },
      success: function (res) {
        //请求成功时处理
        console.log(res.data);

        let data = res.data
        let boxNUM = document.getElementById('boxNUM')

        let boxNUM_Html = ``
        data.map(res_ => {
          if (res_.category == 'banner') {
            boxNUM_Html += `
            <div class="container-banner moduleItem">
              <a  target="_blank" class="banner maopc" href="${res_.data.link}">
                <img src="${res_.data.pc_url}" alt="${res_.data.alt}">
              </a>
              <a target="_blank" class="banner maopc_xl" href="${res_.data.link}">
                <img src="${res_.data.mobile_url}" alt="${res_.data.alt}">
              </a>
            </div>
            `
          } else if (res_.category == 'featured') {
            boxNUM_Html += `
            <div class="container moduleItem maomodel-topsingle">
              <div class="row">
                <div class="col-12">
                  <div class="maocontent">
                    <div class="maomobile mao-bg">
                      <div class="si-header mao-mb-small">
                        <div class="si-cat mao-btn">${res_.category}</div>
                        <a style="margin: 0" target="_blank" href="details.html?id=${res_.data.cont.pla_id}" class="si-more mao-btn-small">${More}</a>
                      </div>
                      <a target="_blank" href="details.html?id=${res_.data.cont.pla_id}" class="mao-small-title mao-block mao-mb-small mao-line-3">${res_.data.title}</a>
                      <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                        <a target="_blank" href="business.html?a_id=${res_.data.author.id}&type=6" class="mao-avatar">
                          <img src="${res_.data.author.avatar}" alt="${res_.data.title}">
                          <span>${res_.data.author.name}</span>
                        </a>
                        <span>${res_.data.publish_date}</span>
                      </div>
                    </div>
                    <div class="si-img-box1">
                      <a target="_blank" href="details.html?id=${res_.data.cont.pla_id}">
                        <img src="${res_.data.cover_img}" alt="${res_.data.title}">
                      </a>
                    </div>
                    <div class="maopc mao-bg" style="width: 400px;">
                      <div class="si-cat mao-btn mao-mb-small"> ${res_.category}</div>

                      <div>
                        <a target="_blank" href="details.html?id=${res_.data.cont.pla_id}" >
                          <h2 class="mao-block mao-small-title mao-mb-small">${res_.data.title}</h2>  
                        </a>
                      </div>
                      <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                        <a target="_blank" href="business.html?a_id=${res_.data.author.id}&type=6" class="mao-avatar">
                          <img src="${res_.data.author.avatar}" alt="${res_.data.publish_date}">
                          <span>${res_.data.author.name}</span>
                        </a>
                        <span>${res_.data.publish_date}</span>
                      </div>
                      <a target="_blank" href="details.html?id=${res_.data.cont.pla_id}" class="si-desc mao-word-second mao-line-3 maopc" style="padding: 0;line-height: 30px;">${res_.data.cont.content}</a>
                      <a target="_blank" href="details.html?id=${res_.data.cont.pla_id}" class="si-more mao-btn-small">${More}</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            `
          } else if (res_.category == 'lastest') {
            boxNUM_Html += `
            <div class="newBox_1 moduleItem container">
              <div class="newTitle flex justify-content-sb align-items-c">
                <h2 class="text_l">${res_.title}</h2>
                <div class="text_r">
                  <a target="_blank" href="business.html?id=${res_.data[0].plac_id}" >${More}</a>
                </div>
              </div>
              <div class="row">
                ${(() => {
                let tags = ``
                res_.data.map((res_item, index_item) => {
                  if (index_item <= 2) {
                    tags += `
                      <div class="col-lg-4 col-12 ">
                        <div class="maocontentU ${index_item ? 'maopc' : ''}">
                          <div class="si-img-box ">
                            <a target="_blank" href="details.html?id=${res_item.cont.pla_id}">
                              <img class="ji-img" src="${res_item.cover_img}" alt="${res_item.title}">
                              <div class="ji-mask">${More}</div>
                            </a>
                          </div>
                          <div class="si-content mao-bg mao-line-3Box">
                            <a target="_blank" href="business.html?plac_id=${res_item.plac_id}&type=1" class="mao-btn mao-mb-small">${res_item.cate ? res_item.cate.name : ''}</a>
                            <div>
                              <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="mao-small-title mao-line-3 mao-mb-small">
                                ${res_item.title}
                              </a>
                            </div>
                            <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                              <a target="_blank" href="business.html?a_id=${res_item.author.id}&type=6" class="mao-avatar">
                                <img src="${res_item.author.avatar}">
                                <span>${res_item.author.name}</span>
                              </a>
                              <span>${res_item.publish_date}</span>
                            </div>
                            <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="si-desc mao-word-second mao-line-2 maopc">
                               ${res_item.cont.content}  
                            </a>
                          </div>
                        </div>
                      </div>
                            `
                  }
                })
                return tags
              })()}

                <div class="col-12 maomobile maomodel-mcontent">
                  <div class="maomcontent mao-bg">
                    ${(() => {
                let tags = ``
                res_.data.map((res_item, res_index) => {
                  if (res_index && res_index <= 3) {
                    tags += `
                                  <div class="si-list">
                                    <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" 
                                    style="background-image: url(${res_item.cover_img});" class="ji-img">
                                    </a>

                                    <div class="ji-meta">
                                      <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="si-desc mao-small-title mao-line-3 mao-mb-small">
                                      ${res_item.title}
                                      </a>
                                    </div>
                                  </div>
                                `
                  }
                })
                return tags
              })()}
                  </div>
                </div>
              </div>
            </div>
            `
          } else if (res_.category == 'show1') {
            if (!res_.data.length) return

            boxNUM_Html += `
            <div class="newBox_1 moduleItem container maomodel-product-posts">
              <div class="newTitle flex justify-content-sb align-items-c">
                <h2 class="text_l">${res_.title}</h2>
                <div class="text_r">
                  <a target="_blank" href="business.html?plac_id=${res_.data[0].plac_id}&type=1"   >${More}</a>
                </div>
              </div>

              <div class="maocontent maopc">
                <div class="si-left">
                  <img class="si-bg " src="${res_.data[0].cover_img}" alt="${res_.data[0].title}">
                  <div class="si-bg-inner" >
                    <a target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}"></a>
                    <div class="si-bg-c">
                      <a target="_blank" href="business.html?plac_id=${res_.data[0].plac_id}&type=1" class="si-cat mao-btn mao-mb-small">${res_.data[0].cate ? res_.data[0].cate.name : ''}</a>
                      <a target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}" class="si-desc mao-small-title mao-line-2 mao-mb-small">${res_.data[0].title}</a>
                      <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                        <a target="_blank" href="business.html?a_id=${res_.data[0].author.id}&type=6" class="mao-avatar">
                          <img  src="${res_.data[0].author.avatar}">
                          <span>${res_.data[0].author.name}</span>
                        </a>
                        <span>${res_.data[0].publish_date}</span>
                      </div>
                    </div>
                  </div>
                </div>

                
                <div class="si-right">
                  ${(() => {
                let tags = ``

                if (res_.data[1]) {
                  tags += `
                  <div class="ji-top">
                    
                    <img class="si-bg" src="${res_.data[1].cover_img}" alt="${res_.data[1].title}">

                    <div class="si-bg-inner">
                      <a target="_blank" href="details.html?id=${res_.data[1].cont.pla_id}" ></a>
                      <div class="si-bg-c">
                        <a target="_blank" href="business.html?plac_id=${res_.data[1].cate ? res_.data[1].cate.id : ''}&type=1" class="si-cat mao-btn mao-mb-small">${res_.data[1].cate ? res_.data[1].cate.name : ''}</a>
                        <a target="_blank" href="details.html?id=${res_.data[1].cont.pla_id}" class="si-desc mao-small-title mao-line-2 mao-mb-small">${res_.data[1].title}</a>
                        <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                          <a target="_blank" href="business.html?a_id=${res_.data[1].author.id}&type=6" class="mao-avatar">
                            <img src="${res_.data[1].author.avatar}">
                            <span>${res_.data[1].author.name}</span>
                          </a>
                          <span>${res_.data[1].publish_date}</span>
                        </div>
                      </div>
                    </div>
                  </div>
                `
                }

                tags += `
                          <div class="ji-bottom">

                            ${(() => {
                    let tagsNew = ``
                    if (res_.data[2]) {
                      tagsNew += `
                     <div class="ji-left">
                       
                       <img class="si-bg" src="${res_.data[2].cover_img}" alt="${res_.data[2].title}">
                       <div class="si-bg-inner">
                         <a target="_blank" href="details.html?id=${res_.data[2].cont.pla_id}" ></a>
                         <div class="si-bg-c">
                           <a target="_blank" href="business.html?plac_id=${res_.data[2].cate ? res_.data[2].cate.id : ''}&type=1" class="si-cat mao-btn mao-mb-small">${res_.data[2].cate ? res_.data[2].cate.name : ''}</a>
                           <a target="_blank" href="details.html?id=${res_.data[2].cont.pla_id}" class="si-desc mao-small-title mao-line-2 mao-mb-small">${res_.data[2].title}</a>
                           <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                             <a target="_blank" href="business.html?a_id=${res_.data[2].author.id}&type=6" class="mao-avatar">
                               <img src="${res_.data[2].author.avatar}">
                               <span>${res_.data[2].author.name}</span>
                             </a>
                             <span>${res_.data[2].publish_date}</span>
                           </div>
                         </div>
                       </div>
                     </div>
                                  `
                    }
                    if (res_.data[3]) {
                      tagsNew += `
                       <div class="ji-right">
                          <img class="si-bg" src="${res_.data[3].cover_img}" alt="${res_.data[3].title}">
                           
                           <div class="si-bg-inner">
                             <a target="_blank"  href="details.html?id=${res_.data[3].cont.pla_id}"></a>
                             <div class="si-bg-c">
                               <a target="_blank" href="business.html?id=${res_.data[3].plac_id}" class="si-cat mao-btn mao-mb-small">${res_.data[3].cate ? res_.data[3].cate.name : ''}</a>
                               <a target="_blank" href="details.html?id=${res_.data[3].cont.pla_id}" class="si-desc mao-small-title mao-line-2 mao-mb-small">${res_.data[3].title}</a>
                               <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                                 <a target="_blank" href="business.html?id=${res_.data[3].plac_id}" class="mao-avatar">
                                   <img src="${res_.data[3].author.avatar}">
                                   <span>${res_.data[3].author.name}</span>
                                 </a>
                                 <span>${res_.data[3].publish_date}</span>
                               </div>
                             </div>
                           </div>
                         </div>
                       </div>
                       `
                    }
                    return tagsNew
                  })()
                  }
                          `
                return tags
              })()
              }
                </div>
              </div>
              <div class="row">
                <div class="col-lg-4 col-12 maomobile">
                  <div class="maocontentU nomb">
                    <a target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}" class="si-img-box" >
                      <div class="ji-img" style="background-image: url(${res_.data[0].cover_img});">
                      </div>
                      <div class="ji-mask">${More}</div>
                    </a>
                    <div class="si-content mao-bg">
                      <a target="_blank" href="business.html?id=${res_.data[0].plac_id}" class="si-cat mao-btn mao-mb-small">
                        ${res_.data[0].cate ? res_.data[0].cate.name : ''}
                      </a>
                      <a target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}" class="mao-small-title mao-line-3 mao-mb-small">
                        ${res_.data[0].title}
                      </a>
                      <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                        <a target="_blank" href="business.html?id=${res_.data[0].plac_id}" alt="hytera" class="mao-avatar">
                          <img src="${res_.data[0].author.avatar}">
                          <span>${res_.data[0].author.name}</span>
                        </a>
                        <span>${res_.data[0].publish_date}</span>
                      </div>
                      <div class="si-desc mao-word-second mao-line-2 maopc">${res_.data[0].cont.content}</div>
                    </div>
                  </div>
                </div>

                <div class="col-12 maomobile maomodel-mcontent">
                  <div class="maomcontent mao-bg">
                    ${(() => {
                let siList = ``
                res_.data.map((res_item, res_index) => {
                  if (res_index && res_index <= 3) {
                    siList += `
                            <div class="si-list">
                              <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="ji-img" style="background-image: url(${res_item.cover_img});">
                              </a>
                              <div class="ji-meta">
                                <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="si-desc mao-small-title mao-line-3 mao-mb-small">
                                  ${res_item.title}
                                </a>
                              </div>
                            </div>
                            `
                  }
                })
                return siList
              })()
              }
                  </div>
                </div>
              </div>
              </div>
            `

          } else if (res_.category == 'show2') {
            console.log(6);
            if (!res_.data.length) return
            console.log(5);

            boxNUM_Html += `
            <div class="newBox_1 moduleItem container maomodel-product-posts">
              <div class="newTitle flex justify-content-sb align-items-c">
                <h2 class="text_l">${res_.title}</h2>
                <div class="text_r">
                  <a  target="_blank" href="business.html?plas_id=${res_.data[0].plas_id}&type=2">${More}</a>
                </div>
              </div>

              <div class="row">
                <div class="col-lg-6 col-12">
                  <div class="maocontentU nomb">
                    <div class="si-img-box ">
                      <a  target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}">
                        <img class="ji-img" src="${res_.data[0].cover_img}" alt="${res_.data[0].title}">
                        <div class="ji-mask">${More}</div>
                      </a>
                    </div>
                    <div class="si-content mao-bg ">
                      <a target="_blank" href="business.html?plac_id=${res_.data[0].plac_id}&type=1" class="mao-btn mao-mb-small">${res_.data[0].cate ? res_.data[0].cate.name : ''}</a>
                      <div class="mao-small-title mao-line-3">
                        <a target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}">
                          ${res_.data[0].title}
                        </a>
                      </div>
                      <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                        <a target="_blank" href="business.html?a_id=${res_.data[0].author.id}&type=6" class="mao-avatar">
                          <img src="${res_.data[0].author.avatar}" alt=">${res_.data[0].author.name}">
                          <span>${res_.data[0].author.name}</span>
                        </a>
                        <span>${res_.data[0].publish_date}</span>
                      </div>

                      <a target="_blank" href="details.html?id=${res_.data[0].cont.pla_id}" class="si-desc mao-word-second mao-line-2 maopc">${res_.data[0].cont.content}</a>
                    </div>
                  </div>
                </div>
                <div class="col-6 maopc">
                  <div class="mao-left-right">
                    ${(() => {
                let tags = ``
                res_.data.map((res_item, res_index) => {
                  if (res_index && res_index <= 3) {
                    tags += `
                            <div class="maocontentU">
                              <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="si-img-box">
                                <img  src="${res_item.cover_img}" class="ji-img"  alt="${res_item.title}">
                              <div class="ji-mask">${More}</div>

                              </a>
                              
                              <div class="si-content mao-bg">
                                <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="mao-small-title mao-line-3 mao-mb-small"   target="_blank">${res_item.title}</a>
                                <div class="mao-avatar-box si-meta mao-aux-word mao-mb-small">
                                  <a target="_blank" href="business.html?a_id=${res_item.author.id}&type=6" class="mao-avatar">
                                    <img src="${res_item.author.avatar}" alt=">${res_item.publish_date}">
                                    <span>${res_item.author.name}</span>
                                  </a>
                                  <span>${res_item.publish_date}</span>
                                </div>
                              </div>
                            </div>
                            `
                  }
                })
                return tags
              })()
              }
                  </div>
                </div>
                <div class="col-12 maomobile maomodel-mcontent">
                  <div class="maomcontent mao-bg">

                    ${(() => {
                let tags = ``
                res_.data.map((res_item, res_index) => {
                  if (res_index && res_index <= 3) {
                    tags += `
                              <div class="si-list">
                                <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="ji-img" style="background-image: url(${res_item.cover_img});">
                                </a>
                                <div class="ji-meta">
                                  <a target="_blank" href="details.html?id=${res_item.cont.pla_id}" class="si-desc mao-small-title mao-line-3 mao-mb-small">
                                    ${res_item.title}
                                  </a>
                                </div>
                              </div>
                              `
                  }
                })
                return tags
              })()
              }
                  </div>
                </div>
              </div>

            </div>
            `
          }
        })

        $("#boxNUM").append(boxNUM_Html);

      },
    });

  </script>
  <style>

  </style>

  <!-- Start of HubSpot Embed Code -->
  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/23162827.js"></script>
  <!-- End of HubSpot Embed Code -->
</body>

</html>